<!DOCTYPE  html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Sygnium</title>
		
		<!-- CSS -->
		<link rel="stylesheet" href="css/style.css" type="text/css" media="screen" />
		<link rel="stylesheet" href="css/social-icons.css" type="text/css" media="screen" />
		<!--[if IE 8]>
			<link rel="stylesheet" type="text/css" media="screen" href="css/ie8-hacks.css" />
		<![endif]-->
		<!-- ENDS CSS -->	
		
		<!-- GOOGLE FONTS 
		<link href='http://fonts.googleapis.com/css?family=Ubuntu' rel='stylesheet' type='text/css'>-->
		
		<!-- JS -->
		<script type="text/javascript" src="js/jquery-1.5.1.min.js"></script>
		<script type="text/javascript" src="js/jquery-ui-1.8.13.custom.min.js"></script>
		<script type="text/javascript" src="js/easing.js"></script>
		<script type="text/javascript" src="js/jquery.scrollTo-1.4.2-min.js"></script>
		<script type="text/javascript" src="js/jquery.cycle.all.js"></script>
		<script type="text/javascript" src="js/custom.js"></script>
		
		<!-- Isotope -->
		<script src="js/jquery.isotope.min.js"></script>
		
		<!--[if IE]>
			<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
		<![endif]-->
		
		<!--[if IE 6]>
			<script type="text/javascript" src="js/DD_belatedPNG.js"></script>
			<script>
	      		/* EXAMPLE */
	      		//DD_belatedPNG.fix('*');
	    	</script>
		<![endif]-->
		<!-- ENDS JS -->
		
		
		<!-- Nivo slider -->
		<link rel="stylesheet" href="css/nivo-slider.css" type="text/css" media="screen" />
		<script src="js/nivo-slider/jquery.nivo.slider.js" type="text/javascript"></script>
		<!-- ENDS Nivo slider -->
		
		<!-- tabs -->
		<link rel="stylesheet" href="css/tabs.css" type="text/css" media="screen" />
		<script type="text/javascript" src="js/tabs.js"></script>
  		<!-- ENDS tabs -->
  		
  		<!-- prettyPhoto -->
		<script type="text/javascript" src="js/prettyPhoto/js/jquery.prettyPhoto.js"></script>
		<link rel="stylesheet" href="js/prettyPhoto/css/prettyPhoto.css" type="text/css" media="screen" />
		<!-- ENDS prettyPhoto -->
		
		<!-- superfish -->
		<link rel="stylesheet" media="screen" href="css/superfish.css" /> 
		<link rel="stylesheet" media="screen" href="css/superfish-left.css" /> 
		<script type="text/javascript" src="js/superfish-1.4.8/js/hoverIntent.js"></script>
		<script type="text/javascript" src="js/superfish-1.4.8/js/superfish.js"></script>
		<script type="text/javascript" src="js/superfish-1.4.8/js/supersubs.js"></script>
		<!-- ENDS superfish -->
		
		<!-- poshytip -->
		<link rel="stylesheet" href="js/poshytip-1.0/src/tip-twitter/tip-twitter.css" type="text/css" />
		<link rel="stylesheet" href="js/poshytip-1.0/src/tip-yellowsimple/tip-yellowsimple.css" type="text/css" />
		<script type="text/javascript" src="js/poshytip-1.0/src/jquery.poshytip.min.js"></script>
		<!-- ENDS poshytip -->
		
		<!-- Tweet -->
		<link rel="stylesheet" href="css/jquery.tweet.css" media="all"  type="text/css"/> 
		<script src="js/tweet/jquery.tweet.js" type="text/javascript"></script> 
		<!-- ENDS Tweet -->
		
		<!-- Fancybox -->
		<link rel="stylesheet" href="js/jquery.fancybox-1.3.4/fancybox/jquery.fancybox-1.3.4.css" type="text/css" media="screen" />
		<script type="text/javascript" src="js/jquery.fancybox-1.3.4/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
		<!-- ENDS Fancybox -->
		
		

	</head>
	
	<body class="home">

			<!-- HEADER -->
			<div id="header">
				<!-- wrapper-header -->
				<div class="wrapper">
					<a href="index.html"><img src="img/logo.png" alt="Sygnium" name="logo" id="logo" /></a>
				</div>
				<!-- ENDS wrapper-header -->					
			</div>
			<!-- ENDS HEADER -->
			
			
			<!-- Menu -->
			<div id="menu">
			
				<!-- ENDS menu-holder -->
				<div id="menu-holder">
					<!-- wrapper-menu -->
					<div class="wrapper">
						<!-- Navigation -->
						<ul id="nav" class="sf-menu">
							<li class="current-menu-item"><a href="index.html">Home<span class="subheader">Inicio</span></a></li>
							<li><a href="portfolio.html">Productos<span class="subheader">Nuestros Productos</span></a>
								<ul>
									
									<li><a href="product-fresh.html"><span>FreshBuzzing</span></a></li>
									<li><a href="product-locator.html"><span>BusinessLocator</span></a></li>
								</ul>
							</li>
							
							<li><a href="contact.html">Contacto<span class="subheader">Contáctenos</span></a></li>
						</ul>
						<!-- Navigation -->
					</div>
					<!-- wrapper-menu -->
				</div>
				<!-- ENDS menu-holder -->
			</div>
			<!-- ENDS Menu -->
			
			
			

			<!-- Slider -->
			<div id="slider-block">
				<div id="slider-holder">
					<div id="slider">
						<a href="#"><img src="images/01.jpg" title="FreshBuzzing" alt="FreshBuzzing" /></a>
						<a href="#"><img src="images/02.jpg" title="BusinessLocator" alt="BusinessLocator" /></a>
					</div>
				</div>
			</div>
			<!-- ENDS Slider -->
			
			<!-- MAIN -->
			<div id="main">
				<!-- wrapper-main -->
				<div class="wrapper">
					
					<!-- headline 
					<div class="clear"></div>
					<div id="headline">
						<span class="main">Nova is a FREE HTML template</span>
						<span class="sub">Need a professional and sleek html web site design. Try nova is free and easy to use.</span>
						<a href="http://luiszuno.com/blog/downloads/nova-html-template" id="link" class="link-button-big"><span>Download Nova</span></a> 
					</div>
					<!-- ENDS headline -->
					
					<!-- content -->
					<div id="content">
						
							<!-- TABS -->
							<!-- the tabs 
							<ul class="tabs">
								<li><a href="#"><span>Featured Pages</span></a></li>
								<li><a href="#"><span>Information</span></a></li>
								<li><a href="#"><span>Recent posts</span></a></li>
							</ul>-->
							
							<!-- tab "panes" -->
                            <div id="page-content_home">
									<div class="one-third">
									<h6 class="line-divider">Conocimiento</h6>
									<p style="font-size:13px;">Es indudable que el conocimiento es un requisito imprescindible para poder acompañar al éxito a nuestros clientes. Por esta razón Sygnium está formada por un <b>equipo de consultores y colaboradores </b>altamente cualificados en diversidad disciplinas: marketing, social media, tecnología... Todo este conocimiento lo hemos transferido a nuestros productos para que puedas mejorar en tu negocio. Si quieres compartir tu conocimiento con nosotros para seguir mejorando juntos contáctanos.</p>
									</div>
									<div class="one-third">
									<h6 class="line-divider">Tecnología</h6>
									<p style="font-size:13px;">Ponemos a disposición de nuestros clientes diferentes productos que han sido elaborados con las <b>últimas tecnologías de mercado</b>. Con ellos queremos darte las herramientas para que <b>seas más eficiente en tu negocio</b>, si tu ganas nosotros ganamos contigo, esta es la filosofía de Sygnium y por esta razón todos nuestros productos disponen de una <b>versión 100% gratuita</b>. Si nos quieres proponer mejoras en alguno de ellos estamos a tu disposición para seguir mejorando juntos.</p>
									</div>
									<div class="one-third last">
									<h6 class="line-divider">Pasión</h6>
									<p style="font-size:13px;">Una empresa sin pasión es como un río sin agua. Sygnium está constituida por un equipo apasionado por la tecnología, el buen hacer y la utilidad como ejes principales para acompañar a nuestros clientes en su misión. <b>Nuestra pasión es tu éxito</b>. Prueba nuestra versión gratuita de nuestros productos y si te resultan interesantes y requieres servicios adicionales, simplemente contáctanos para que podamos evolucionar juntos hacia el éxito.</p>
									</div>
									<div class="clear "></div>
                                                                                    
								</div>
					</div>
					<!-- ENDS content -->
				</div>
				<!-- ENDS wrapper-main -->
			</div>
			<!-- ENDS MAIN -->
			
			 <!-- Twitter -->
			<div id="twitter">
				<div class="wrapper">
					<a href="#" id="prev-tweet"></a>
					<a href="#" id="next-tweet"></a>
					<img id="bird" src="img/bird.png" alt="Tweets" />
					<div id="tweets">
						<ul class="tweet_list"></ul>
					</div>
				</div>
			</div>
			<!-- FOOTER -->
			<div id="footer">

			</div>
			<!-- ENDS FOOTER -->
		
		
			<!-- Bottom -->
			<div id="bottom">
				<!-- wrapper-bottom -->
				<div class="wrapper">
					<div id="bottom-text">@ 2013 Sygnium all rights reserved. <a href="#"> </a> </div>

					<div id="to-top" class="poshytip" title="To top"></div>
				</div>
				<!-- ENDS wrapper-bottom -->
			</div>
			<!-- ENDS Bottom -->
	
	</body>
</html>